<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <!-- 链接式引入
            提高代码的复用度
            降低了代码维护的难度
            1.一个页面可以同时引入多个不同的js文件 
            2.script标签一旦用户引入外部js文件，就不能在中间定义内嵌式js代码（可以重新写script标签）
            3.一个页面上可以有多个script标签，位置可以在head也可以在body中
        -->
        <script type="text/javascript" src="js/01-index.js"></script>
        <script type="text/javascript" src="js/01-index copy.js"></script>
        <script type="text/javascript" src="url :网络js文件"></script>
        <script type="text/javascript">
            function fun3(){
                alert("我是谁")
            }
        </script>
        
    </head>
    <body>
        <input type="button" value="点击我" onclick="fun1()"/>
        <input type="button" value="点击我2" onclick="fun2()"/>
        <input type="button" value="点击我3" onclick="fun3()"/>
        <input type="button" value="点击我4" onclick="fun4()"/>

        <script type="text/javascript">
            function fun4(){
                alert("世界你好")
            }
        </script>
    </body>
</html>